.ti {
    width: 100%;
    text-align: center;
    color: purple;
}
.box {
    width: 90%;
    height: 70%;
    border: 1px solid plum;
    margin: 0 auto;
    .title {
        height: 8%;
        .fa {
            display: flex;
            height: 100%;
            .son{
                display: block;
                line-height: 250%;
                height: 100%;
                width: 34%;
                text-align: center;
                background-color: pink;
                border-right: 1px solid purple;
                color: white;
            }
            .sonSel {
                background-color: palevioletred;
            }
        }
    }
    .miTitle {
        height: 5%;
        .innerMiTitle {
            height: 100%;
            display: flex;
            .item {
                color: white;
                border-right: 1px solid purple;
                text-align: center;
                height: 100%;
                line-height: 150%;
                background-color: rgb(245, 198, 221);
                width: 50%;
            }
            .itemSel {
                background-color: rgb(245, 122, 183);
                &:after {
                    height: 1px;
                    width: 100%;
                    border: 1px solid purple;
                }
                
            }
        }
    }
    .cont {
        height: 87%;
        background-color: gray;
        .btn {
            height: 10%;
            ul {
                padding-top: 5px;
                height: 100%;
                line-height: 100%;
                display: flex;
                li {
                    padding-left: 25px;
                    margin: 0 auto;
                    width: 20%;
                    .inp {
                        width: 40%;
                    }
                }
            }
        }
        .showBox {
            height: 77%;
            border-top: 1px solid purple;
            padding: 10px;
        }
        .shun, .lian {
            .showNum {
                height: 10%;
            }
            .showList{
                padding: 10px;
                ul {
                    //display: flex;
                    li {
                        margin-right: 10px;
                        margin-bottom: 1%;
                        .itemInp {
                            input {
                                width: 43px;
                                height: 21px;
                            }

                        }
                    }
                    .linkLi {
                        margin-right: 0px;
                    }
                }
            }
        }
        .lian {
            .showList {
                .preLink {
                    padding-top: 6px;
                    .tran {
                        width:0px;
                        height:0px;
                        border:10px solid transparent;
                        /*以下四个样式对应四种三角形，任选其一即可实现*/
                        /* border-top-color:lightseagreen; */
                        /* border-left-color:lightseagreen; */
                        border-right-color:rgb(226, 149, 229); 
                        /*border-bottom-color:lightseagreen;*/
                    }
                    .line {
                        height: 5px;
                        width: 30px;
                        background-color: rgb(255, 0, 76);
                        margin-top: 7px;
                    }
                }
            }
        }
    }
}